﻿/* 修改滚动条样式 */
/* WebKit */
/* Safari 和 Chrome */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* 修改滚动条轨道的样式 */
/* WebKit */
/* Safari 和 Chrome */
::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

/* 修改滚动条滑块的样式 */
/* WebKit */
/* Safari 和 Chrome */
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 3px;
}

/* 添加外层容器来实现圆角 */
/* WebKit */
/* Safari 和 Chrome */
.container {
    max-height: 300px; /* 设置容器的最大高度，以显示滚动条 */
    overflow-y: auto; /* 设置内容溢出时显示垂直滚动条 */
}

    /* 修改滚动条滑块在 hover 状态下的样式 */
    /* WebKit */
    /* Safari 和 Chrome */
    .container::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }
